<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--#config errmsg="" --><!-- saved from url=(0022)http://help.adobe.com/ -->
<html lang="en-us">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta name="lang" content="en-us" />
        <meta name="area" content="livedocs" />
        <title>Adobe Photoshop CS4 * Choose a color with the Adobe Color Picker</title>
        <meta name="product" content="Photoshop" />
        <meta name="keywords" content="" />
        <script type="text/javascript" language="Javascript" charset="UTF-8"><!--[CDATA[
        var currentTreeNode = "WSfd1234e1c4b69f30ea53e41001031ab64-73c1a.html";
// ]]--></script>
<script src="terms.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="help.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script>  <script src="utilities.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="event.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="treeview.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="toc.js" language="Javascript" type="text/javascript" charset="UTF-8">..</script> 
<script type="text/javascript">
<!--[CDATA[
var headId = document.getElementsByTagName("head")[0];         
if (use_ie_6_behavior) {
    var linkId = document.createElement("link");
    linkId.href = "content-ie6.css";
    linkId.rel = "stylesheet";
    linkId.type = "text/css";
    headId.appendChild(linkId);
}
function initRoboHelpDOM() {
    if (use_robohelp_behavior) {
        hideElement("searchbar");
        hideElement("hierarchy");
        hideElement("col1");
    }
}
YAHOO.util.Event.onDOMReady(initRoboHelpDOM);
// ]]-->
</script>
<!--#include virtual="/livedocs/ssi/globalheader.ssi" -->
        <link rel="stylesheet" type="text/css" href="tree.css" />
        <link rel="stylesheet" type="text/css" href="content-fonts.css" />
        <link rel="stylesheet" type="text/css" href="content-hyperlinks.css" />
        <link rel="stylesheet" type="text/css" href="content.css" />
        <link rel="stylesheet" type="text/css" href="localeSpecific.css" />
    </head>
    <body id="content_body" onload="window.focus();">
        <a name="top"></a><div id="mnemonic">
            <div class="Photoshop"><table><tr><td class="banner">Adobe Photoshop CS4</td><td class="pod"><img src="images/PDF.gif" width="16" height="16" hspace="15" valign="50%" />&#160;&#160;
                     <a title="PDF" href="http://help.adobe.com/en_US/Photoshop/11.0/photoshop_cs4_help.pdf">
                         PDF (adobe.com) 
                    </a></td></tr></table></div>
        </div>
        <div id="searchbar">
<!-- BEGIN SEARCH CONTENT -->
            <form class="search_form" id="search" name="search" action="search.html" target="_self">
                <img src="images/search.png" />
<script type="text/javascript">
<!--[CDATA[
function clearSearch(){
    if (document.search.q.value == terms_AHV_SEARCH_BUTTON){document.search.q.value = ""}; 
}
document.write('<input class=\"search_input\" \
        name=\"q\" \
        id=\"q\" \
        type=\"text\" \
        maxlength=\"256\" \
        value=\"' + terms_AHV_SEARCH_BUTTON + '\" onclick=\"clearSearch()\"><\/input>'); 
// ]]-->


</script> 
            </form>
        </div>
<!-- BEGIN PAGE CONTENT WRAPPER -->
        <div id="page_content_wrapper">
<!-- BEGIN PAGE WRAPPER -->
<table id="page_content_table">
<tr>
<td id="col1">
<!-- BEGIN IONCOMMENTCOUNT -->
            <div id="ionComCount">
            </div>
<!-- END IONCOMMENTCOUNT -->
<!-- BEGIN GROUP TOC WRAPPER -->
            
<!-- END GROUP TOC WRAPPER -->
<!-- BEGIN NAV WRAPPER -->
            <div id="group_toc">
<script type="text/javascript">
<!--[CDATA[
if ( typeof(terms_BOOK_SHORT) != 'undefined' ) {
  document.write("<p>" + terms_BOOK_SHORT + "<\/p>");
}
// ]]-->


</script> 
            </div>
            <div id="nav_content">
            </div>
<!-- END NAV WRAPPER -->
</td>
<td id="col2">
<!-- BEGIN CONTENT WRAPPER -->
<!-- BEGIN BREADCRUMBS -->
            
            <div id="breadcrumb">
                
<ul class="navigation"><li class="prev"><a accesskey="p" class="prev" href="WS05CB8B26-F844-432a-B303-DC8B4E10B223a.html" title="Adobe Color Picker overview"><img src="images/blank.gif" alt="Previous" width="17" height="17" /></a></li><li class="next"><a accesskey="n" class="next" href="WS84AF0B7E-2213-4614-B9A7-0802274B79A8a.html" title="Choose web‑safe colors"><img src="images/blank.gif" alt="Next" width="17" height="17" /></a></li></ul><div class="hierarchy" id="hierarchy"><a href="WSfd1234e1c4b69f30ea53e41001031ab64-73efa.html">Color</a> /
     <a href="WSfd1234e1c4b69f30ea53e41001031ab64-73c1a.html"><b>Choosing colors</b></a> 
     </div>

            </div>
<!-- END BREADCRUMBS -->
            <div id="content_wrapper">
<!-- BEGIN PAGE TITLE -->
                <h1>
                    Choose a color with the Adobe Color Picker
                </h1>
<!-- END PAGE TITLE -->
                <br clear="both" /><div id="minitoc"><div class="t"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr"><div><h3>Contents [<a href="#" onclick="return toggleMiniToc('minitoc-links', this);" class="hideLink">Hide</a>]</h3><ul id="minitoc-links"><li><p><a href="#WSE749C61F-F903-482e-AE84-9D54865EF252a"><h1 class="topictitle1">Choose a color using the HSB model</h1>
</a></p></li><li><p><a href="#WS8D510803-2401-4949-AAAB-A70BA80BFE18a"><h1 class="topictitle1">Choose a color using the RGB model</h1>
</a></p></li><li><p><a href="#WS52A63743-AB6A-4d7d-82A6-6B91A7D723D3a"><h1 class="topictitle1">Choose a color using the Lab model</h1>
</a></p></li><li><p><a href="#WS3504F0ED-1699-47cb-816D-7FDC11D53F5Aa"><h1 class="topictitle1">Choose a color using the CMYK model</h1>
</a></p></li><li><p><a href="#WSEF90522F-B312-4118-B4C3-2EBABF107F23a"><h1 class="topictitle1">Choose a color by specifying a hexadecimal value</h1>
</a></p></li></ul></div></div><br clear="both" /></div></div></div></div></div></div></div></div><br clear="both" /><div><div class="section"><p>You can choose a color by entering color component
values in HSB, RGB, and Lab text boxes, or by using the color slider
and the color field.</p>
<p>To choose a color with the color slider
and color field, click in the color slider or move the color slider
triangle to set one color component. Then move the circular marker
or click in the color field. This sets the other two color components. </p>
<div class="para">As you adjust the color
using the color field and color slider, the numerical values for
the different color models adjust accordingly. The rectangle to
the right of the color slider displays the new color in the top
half and the original color in the bottom. Alerts appear if the
color is not a web-safe color&#160;<img src="images/P_WebSafe_Sm_N.png" /> or
is <dfn class="term">out of gamut</dfn>&#160;<img src="images/P_Warning_Sm_N.png" />. <div class="tip"><img src="images/tip_help.png" />You can choose a color outside the Adobe Color
Picker window. Moving the pointer over the document window changes
it to the Eyedropper tool. You can then select a color by clicking
in the image. The selected color is displayed in the Adobe Color
Picker. You can move the Eyedropper tool anywhere on your desktop
by clicking in the image and then holding down the mouse button.
You can select a color by releasing the mouse button.</div></div>
</div>
</div>
<div id="WSE749C61F-F903-482e-AE84-9D54865EF252a" class="nochunk"><a name="WSE749C61F-F903-482e-AE84-9D54865EF252a"></a><h3 class="topictitle3">Choose a color using the HSB model</h3><div><div class="section"><p>Using the HSB color model, the hue is specified
in the color field, as an angle from 0° to 360° that corresponds
to a location on the color wheel. Saturation and brightness are
specified as percentages. In the color field, the hue saturation increases
from left to right and the brightness increases from the bottom
to top.</p>
</div>
<ol><li><span>In the Adobe Color Picker, select the H option
and then enter a numeric value in the H text box or select a hue
in the color slider.</span></li>
<li><span>Adjust the saturation and brightness by clicking in the
color field, moving the circular maker, or entering numeric values
in the S and B text boxes. </span></li>
<li><span>(Optional) Select either the S option or B option to
display the color’s saturation or brightness in the color field
for making further adjustments. </span></li>
</ol>
</div></div>
<div id="WS8D510803-2401-4949-AAAB-A70BA80BFE18a" class="nochunk"><a name="WS8D510803-2401-4949-AAAB-A70BA80BFE18a"></a><h3 class="topictitle3">Choose a color using the RGB model</h3><div><div class="section"><p>Choose a color by
specifying its red, green, and blue components.</p>
</div>
<ol><li class="stepexpand"><span>In the Adobe Color Picker, enter numeric values
in the R, G, and B text boxes. Specify component values from 0 to
255 (0 is no color, and 255 is the pure color).</span></li>
<li class="stepexpand"><span>To visually select a color using the color slider and
color field, click either R, G, or B and then adjust the slider
and color field. </span> <p>The color you click appears in the color slider with 0
(none of that color) at the bottom and 255 (maximum amount of that
color) at the top. The color field displays the range of the other
two components, one on the horizontal axis and one on the vertical
axis. </p>
</li>
</ol>
</div></div>
<div id="WS52A63743-AB6A-4d7d-82A6-6B91A7D723D3a" class="nochunk"><a name="WS52A63743-AB6A-4d7d-82A6-6B91A7D723D3a"></a><h3 class="topictitle3">Choose a color using the Lab model</h3><div><div class="section"><p>When choosing a color based on
the Lab color model, the L value specifies the luminance of a color.
The A value specifies how red or green a color is. The B value specifies
how blue or yellow a color is.</p>
</div>
<ol><li><span>In the Adobe Color Picker, enter values for L
(from 0 to 100), and for A and B (from ‑128 to +127).</span></li>
<li><span>(Optional) Use the color slider or color field to adjust
the color.</span></li>
</ol>
</div></div>
<div id="WS3504F0ED-1699-47cb-816D-7FDC11D53F5Aa" class="nochunk"><a name="WS3504F0ED-1699-47cb-816D-7FDC11D53F5Aa"></a><h3 class="topictitle3">Choose a color using the CMYK model</h3><div><div class="section"><p>You can choose a color by specifying each
component value as a percentage of cyan, magenta, yellow, and black. </p>
</div>
<div class="p"><span><img src="images/dingbat.png" />&#160;In the Adobe Color Picker, enter percentage values
for C, M, Y, and K, or use the color slider and color field to choose
a color.</span></div>
</div></div>
<div id="WSEF90522F-B312-4118-B4C3-2EBABF107F23a" class="nochunk"><a name="WSEF90522F-B312-4118-B4C3-2EBABF107F23a"></a><h3 class="topictitle3">Choose a color by specifying a hexadecimal value</h3><div><div class="section"><p>You can choose a color by specifying
a hexadecimal value that defines the R, G, and B components in a
color. The three pairs of numbers are expressed in values from 00
(minimum luminance) to ff (maximum luminance). For example, 000000 is
black, ffffff is white, and ff0000 is red.</p>
</div>
<div class="p"><span><img src="images/dingbat.png" />&#160;In the Adobe Color Picker, enter a
hexadecimal value in the # text box.</span></div>
</div></div>

                <div id="related">
                    <div class="separator"><a href="#"><img src="images/BTT.jpg" /></a>&#160;</div>
                    
                    
                </div>
                <div id="footer">
                    <p><img src="images/Community.png" />&#160;<a title="community help (adobe.com)" href="http://www.adobe.com/go/lr_Photoshop_community_en">community help (adobe.com)</a></p>
<!-- BEGIN IONCOMMENTS -->
                    <div id="ionComHere">
                    </div>
<!-- END IONCOMMENTS -->
<!--#include virtual="ionComments.ssi" -->
                    <p id="creativecommons"><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" id="creativecommons_text"><img id="creativecommons_img" src="images/CC.png" alt="This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License" /></a></p>
                </div>
            </div>
<!-- END CONTENT WRAPPER -->
</td>
</tr>
</table>
        </div>
<!-- END PAGE CONTENT WRAPPER -->
<script type="text/javascript">
<!--[CDATA[
scrollToNameAnchor();
// ]]-->
</script> 
<!--#include virtual="/livedocs/ssi/globalfooter.ssi" -->
<!--#include virtual="/ubi/analytics/analytics_ssi.html" -->
    </body>
</html>